<template>
	<view>
		<nav-bar color="#333" bgc="#ffffff" bbtn>申请售后</nav-bar>
		<view class="textInfo">
			<view class="textInfo-img">
				<image src="../../static/Screenshot_2020_0330_092211.png" mode=""></image>
				<text>店铺二维码</text>
			</view><view class="textInfo-text">
				<text>1、长按你要选择的海报</text><br>
				<text>2、保存海报发送给您的微信好友、群或分享到朋友圈</text><br>
				<text>3、用户识别海报二维码进入您的店铺，即可绑定成为您的客户</text><br>
				<text>4、您的客户下单，您即可享受返佣奖励</text>
			</view>
		</view>
		<view class="poster">
			<view class="poster-title">
				店铺海报
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	*{
		margin: 0;
		padding: 0;
		list-style: none;
		box-sizing: border-box;
		font-size: 0.75rem;
	}
	.textInfo{
		float: left;
		margin-top: 3.5rem;
		padding: 0 4%;
	}
	.textInfo view{
		float: left;
	}
	.textInfo-img{
		width:4rem;
		text-align: center;
	}
	.textInfo-img image{
		margin-top: 0.25rem;
		width:4rem;
		height:4rem;
	}
	.textInfo-img text{
		display: inline-block;
		width: 100%;
		font-size: 12px;
	}
	.textInfo-text{
		width: 13rem;
		margin-left: 1rem	
	}
	.textInfo-text text{
		font-size: 10px;
	}
	.poster{
		float: left;
		width: 92%;
		margin: 2.5rem 4%;
		min-height: 5rem;
		border-radius: 8px;
		box-shadow: 0  0 10px 2px #eee;
		padding: 0.5rem 4%;
	}
	.poster-title{
		font-size: 0.95rem;
		font-weight: bold;
		text-align: center;
	}
</style>
